<template>
  <div class='page grey-stage mine'>
    <div ref="my_scroller">
      <div class="container overscroll-y-auto" :style="containerHeight">
        <group >
          <cell title="成员管理" :link="{name: 'member-setting', query: {id: this.teamId}}"></cell>
          <cell title="客户分配设置" :link="{name: 'reassign-setting', query: {team_id: this.teamId}}"></cell>
          <cell title="默认地址设置" :link="{ name: 'default-address', query: {team_id: this.teamId}}"></cell>
        </group>
      </div>
    </div>
    <crm-cover v-if="isShowCover" :hideCoverOnClick="true"></crm-cover>
    <crm-tabbar activeItem='mine'></crm-tabbar>
  </div>
</template>
<script>
  // import Vue from 'vue'
  import crmTabbar from '../components/crm-tabbar'
  import salesTarget from '../components/sales-target'
  import salesPerformance from '../components/sales-performance'
  import salesExecutive from '../components/sales-executive'
  import topFilter from '../components/top-filter'
  import crmCover from '../components/crm-cover'
  // import {Cell, Group} from 'vux'
  import Group from 'vux/src/components/group'
  import Cell from 'vux/src/components/cell'
  // import Scroller from 'vue-scroller'

  export default {
    data () {
      return {
        containerHeight: 'height:' + document.body.scrollHeight + 'px;',
        teamId: ''
      }
    },
    components: {
      crmTabbar,
      salesTarget,
      salesPerformance,
      salesExecutive,
      topFilter,
      crmCover,
      Cell,
      Group
      // Scroller
    },
    methods: {
      refresh (iscroll) {
        console.log('refresh')
        // Refresh current data
      },

      log () {
        console.log('ee')
      },

      load (iscroll) {
        console.log('load')
        // Load new data
      },

      test () {
        console.log('test')
      }
    },
    computed: {
      isShowCover () {
        return this.$store.state.app.isShowCover
      }
    },
    mounted () {
      this.teamId = this.$route.query.team_id
      this.callJsApi('biz.navigation.setTitle', {title: '我的团队设置'})
    }
  }
</script>
<style lang="less">

  @import "../less/base";

  section{
    background-color: white;
  }
  .mine{

  }
</style>
